import React from 'react'
import {useState} from "react" // 函数组件必须要引入useState才可以声明状态
let Funson =()=>{
  let [name,setName] = useState("函数组件的zhangsan")
  let [age,setAge] =useState(20)
  // 函数组件没有this，没有生命周期，但是可以模拟
  // let fn = ()=>{
  //     setName("函数组件的李四")
  //     setAge(age++)
  // }
  function fn () {
    setName("函数组件的李四")

         setAge(age=>age+1) // 回调函数的参数就是上一次的值
  }
  return (
    <div>
      {
        name
      }
      {
        age
      }
      <button onClick={fn}>点击</button>
    </div>
  )
}

export default Funson